<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" href="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="{{STATIC_URL}}jquery.min.js"></script>
    <script src="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>

</head> 
<body>

<div data-role="page" > 
    <div data-role="header">
<a href="#" data-icon="arrow-l" onclick="$('#sideNoti').load('/messages/show/{{msg.id}}');">back</a>
      <h1 style="color:#FFFFFF;"> {{msg.title}} Sender</h1>  
   
   <div data-role="navbar">
	<ul>
<li><a onclick="$('#sideNoti').load('/quiz/lecture/getquizzes/{{msg.lecture.id}}')"   href="#" >Quizzes</a></li>
		<li><a    href="#"  onclick="$('#sideNoti').load('/messages/list/{{msg.lecture.id}}')" class="ui-btn-active ui-state-persist">Messaging Board</a></li>
	</ul>
</div><!-- /navbar -->   
   
    </div> 
 <div data-role="content">
<p style="color:#333333; 
font-family:'Times New Roman', Times, serif;font-size:50px;
text-align:center;
">{{msg.sender}}</p>

</div>
</body>
</html>

